<template>
  <div class="app">
    <RouterView />
  </div>
</template>

<script setup lang="ts"></script>

<style lang="scss">
// :root {
//   --theme-color: #333;
//   --theme-background: #fff;
// }
// /* 更改dark类名下变量的取值 */
// .dark {
//   --theme-color: #fff;
//   --theme-background: #141414;
// }
// .light {
//   --theme-color: #333;
//   --theme-background: fff;
// }

// .app {
//   height: 100vh;
//   overflow: hidden;
//   color: var(--theme-color);
//   background: var(--theme-background);
// }

// .el-menu,
// .el-collapse-item__content,
// .el-table {
//   background-color: var(--theme-background) !important;
// }
// .el-sub-menu__title {
//   color: var(--theme-color) !important;
// }
// .el-menu-item span,
// .el-menu-item svg {
//   color: var(--theme-color) !important;
// }

// .table-wrapper .el-table,
// .el-table__expanded-cell {
//   background-color: var(--theme-background) !important;
// }

// .table-wrapper .el-table tr {
//   background-color: var(--theme-background) !important;
// }
// .table-wrapper .el-table--enable-row-transition .el-table__body td,
// .el-table .cell,
// .el-table tr,
// .el-table th,
// .el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell,
// .el-table-fixed-column--right,
// .is-first-column .el-table__cell {
//   background-color: var(--theme-background) !important;
//   color: var(--theme-color) !important;
// }
</style>
